<template>
    <div id="content">
			<div class="login_body">
				<div>
					<input class="login_text" type="text" placeHolder="账户名/手机号/Email" >
				</div>
				<div>
					<input class="login_text" type="password" placeHolder="请输入您的密码" >
				</div>
				<div class="login_btn">
					<input type="submit" value="登录">
				</div>
				<div class="login_link">
					<a href="#">立即注册</a>
					<a href="#">找回密码</a>
				</div>
			</div>
		</div>
</template>
<script>

export default {
   data() {
      return {
      }
   },
   created(){
   },
   methods:{
   },
  mounted() {

  },
}
</script>
<style  scoped>
.login_body{  width:100%;}
.login_body .login_text{ width:100%; height: 2.5rem; border:none; border-bottom: 0.0625rem #ccc solid; margin-bottom: 0.3125rem; outline: none; text-indent: 0.625rem;font-size: 1rem;}
.login_body .login_btn{ height:3.125rem; margin:0.625rem;}
.login_body .login_btn input{ width:100%; height:100%; background:#e54847; border-radius: 0.1875rem; border:none; display: block; color:white; font-size: 1.25rem;}
.login_body .login_link{ display: flex; justify-content:space-between;}
.login_body .login_link a{ text-decoration: none; margin:0 0.3125rem; font-size: 1rem; color:#e54847;}
</style>
